<template>
  <el-timeline>
    <el-timeline-item v-for="(activity, index) in activities" :key="index" :type="activity.type" :timestamp="activity.timestamp">
      {{ activity.content }}
    </el-timeline-item>
  </el-timeline>
</template>

<script setup lang="ts">
const activities = [
  {
    content: "Practice开启了崭新的人生！",
    timestamp: "2025-04-29 13:54:00",
    type: "primary"
  },
  {
    content: "Springboot + Mybatis-plus-join + Liquibase + EasyExcel + Anything what we want!",
    timestamp: "2024-11-06 17:02:00",
    type: "success"
  },
  {
    content: "重构Practice系统后端",
    timestamp: "2024-09-26 09:32:00",
    type: "warning"
  },
  {
    content: "ElementPlus + Vue3 + TypeScript + Pinia",
    timestamp: "2023-10-21 22:45:00",
    type: "info"
  },
  {
    content: "Practice立项🌻",
    timestamp: "2023-09-07 13:42:00",
    type: "danger"
  }
];
</script>

<style scoped></style>
